import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';

export default defineConfig({
  // 公共路径
  base: process.env.NODE_ENV === 'production' ? './' : '/',

  // 插件
  plugins: [vue()],

  // 开发服务器配置
  server: {
    host: '0.0.0.0',
    port: 5173,
    open: true,
    proxy: {
      '/api': {
        target: process.env.VUE_APP_URL,
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  },

  // 样式资源配置
  // css: {
  //   preprocessorOptions: {
  //     scss: {
  //       additionalData: `
  //         @import "${path.resolve(__dirname, 'src/styles/_variables.scss')}";
  //         @import "${path.resolve(__dirname, 'src/styles/_mixins.scss')}";
  //       `
  //     }
  //   }
  // },

  // 调试工具配置
  build: {
    sourcemap: true
  },

  // 路径别名配置
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src') // 将 @ 映射到 src 目录
    }
  }
});